/**
 *  学习目标：
 */
import React from 'react'

export default class App extends React.Component {
  state = {
    count: 1,
  }

  handleClick = () => {
    // 对象写法：覆盖运行，以最后书写的为主，前面的被覆盖了
    this.setState({ count: this.state.count + 1 })
    this.setState({ count: this.state.count + 2 })
    this.setState({ count: this.state.count + 3 })
    this.setState({ count: this.state.count + 4 })

    console.log(this.state.count) // 结果为1，由于 setState 是异步的，setState 代码相当于后执行的
  }

  render() {
    return (
      <>
        <h1>知识点标题</h1>
        {/* 🔔 视图结果为：5 */}
        <h2>count:{this.state.count}</h2>
        <button onClick={this.handleClick}>点击修改state</button>
      </>
    )
  }
}
